<!-- 通用CSS -->
<head th:fragment=header(title)>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="">
<meta name="description" content="">
<title th:text="${title}"></title>
<link rel="shortcut icon" href="favicon.ico">
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
<link th:href="@{/css/font-awesome.min.css}" rel="stylesheet" />
<!-- bootstrap-table 表格插件样式 -->
<link th:href="@{/ajax/libs/bootstrap-table/bootstrap-table.min.css}"
	rel="stylesheet" />
<link th:href="@{/css/animate.css}" rel="stylesheet" />
<link th:href="@{/css/style.css?v=20200318}" rel="stylesheet" />
<link th:href="@{/RuoYi/css/ry-ui.css}" rel="stylesheet" />
</head>

<!-- 通用JS -->
<div th:fragment="footer">
	<a id="scroll-up" href="#" class="btn btn-sm display"><i
		class="fa fa-angle-double-up"></i></a>
	<script th:src="@{/js/jquery.min.js}"></script>
	<script th:src="@{/js/bootstrap.min.js}"></script>
	<!-- bootstrap-table 表格插件 -->
	<script
		th:src="@{/ajax/libs/bootstrap-table/bootstrap-table.min.js?v=20191219}"></script>
	<script
		th:src="@{/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
	<script
		th:src="@{/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js}"></script>
	<script
		th:src="@{/ajax/libs/bootstrap-table/extensions/toolbar/bootstrap-table-toolbar.min.js}"></script>
	<script
		th:src="@{/ajax/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.js}"></script>
	<!-- jquery-validate 表单验证插件 -->
	<script th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
	<script th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
	<script th:src="@{/ajax/libs/validate/jquery.validate.extend.js}"></script>
	<!-- jquery-validate 表单树插件 -->
	<script
		th:src="@{/ajax/libs/bootstrap-treetable/bootstrap-treetable.js}"></script>
	<!-- jquery-export 表格导出插件 -->
	<script
		th:src="@{/ajax/libs/bootstrap-table/extensions/export/bootstrap-table-export.js}"></script>
	<script
		th:src="@{/ajax/libs/bootstrap-table/extensions/export/tableExport.js}"></script>
	<!-- 遮罩层 -->
	<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
	<script th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
	<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
	<script th:src="@{/ajax/libs/layui/layui.js}"></script>
	<script th:src="@{/RuoYi/js/common.js?v=4.2.0}"></script>
	<script th:src="@{/RuoYi/js/ry-ui.js?v=4.2.0}"></script>
	<script th:inline="javascript"> var ctx = [[@{/}]]; </script>
</div>

<!-- ztree树插件 -->
<div th:fragment="ztree-css">
	<link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}"
		rel="stylesheet" />
</div>
<div th:fragment="ztree-js">
	<script
		th:src="@{/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js}"></script>
</div>

<!-- select2下拉框插件 -->
<div th:fragment="select2-css">
	<link th:href="@{/ajax/libs/select2/select2.min.css}" rel="stylesheet" />
	<link th:href="@{/ajax/libs/select2/select2-bootstrap.css}"
		rel="stylesheet" />
</div>
<div th:fragment="select2-js">
	<script th:src="@{/ajax/libs/select2/select2.min.js}"></script>
</div>

<!-- bootstrap-select下拉框插件 -->
<div th:fragment="bootstrap-select-css">
	<link th:href="@{/ajax/libs/bootstrap-select/bootstrap-select.css}"
		rel="stylesheet" />
</div>
<div th:fragment="bootstrap-select-js">
	<script th:src="@{/ajax/libs/bootstrap-select/bootstrap-select.js}"></script>
</div>

<!-- datetimepicker日期和时间插件 -->
<div th:fragment="datetimepicker-css">
	<link
		th:href="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.css}"
		rel="stylesheet" />
</div>
<div th:fragment="datetimepicker-js">
	<script
		th:src="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.js}"></script>
</div>

<!-- ui布局插件 -->
<div th:fragment="layout-latest-css">
	<link th:href="@{/ajax/libs/jquery-layout/jquery.layout-latest.css}"
		rel="stylesheet" />
</div>
<div th:fragment="layout-latest-js">
	<script th:src="@{/ajax/libs/jquery-layout/jquery.layout-latest.js}"></script>
</div>

<!-- summernote富文本编辑器插件 -->
<div th:fragment="summernote-css">
	<link th:href="@{/ajax/libs/summernote/summernote.css}"
		rel="stylesheet" />
	<link th:href="@{/ajax/libs/summernote/summernote-bs3.css}"
		rel="stylesheet" />
</div>
<div th:fragment="summernote-js">
	<script th:src="@{/ajax/libs/summernote/summernote.min.js}"></script>
	<script th:src="@{/ajax/libs/summernote/summernote-zh-CN.js}"></script>
</div>

<!-- cropbox图像裁剪插件 -->
<div th:fragment="cropbox-css">
	<link th:href="@{/ajax/libs/cropbox/cropbox.css}" rel="stylesheet" />
</div>
<div th:fragment="cropbox-js">
	<script th:src="@{/ajax/libs/cropbox/cropbox.js}"></script>
</div>

<!-- jasny功能扩展插件 -->
<div th:fragment="jasny-bootstrap-css">
	<link th:href="@{/ajax/libs/jasny/jasny-bootstrap.min.css}"
		rel="stylesheet" />
</div>
<div th:fragment="jasny-bootstrap-js">
	<script th:src="@{/ajax/libs/jasny/jasny-bootstrap.min.js}"></script>
</div>

<!-- fileinput文件上传插件 -->
<div th:fragment="bootstrap-fileinput-css">
	<link th:href="@{/ajax/libs/bootstrap-fileinput/fileinput.min.css}"
		rel="stylesheet" />
</div>
<div th:fragment="bootstrap-fileinput-js">
	<script th:src="@{/ajax/libs/bootstrap-fileinput/fileinput.min.js}"></script>
</div>

<!-- duallistbox双列表框插件 -->
<div th:fragment="bootstrap-duallistbox-css">
	<link th:href="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.css}"
		rel="stylesheet" />
</div>
<div th:fragment="bootstrap-duallistbox-js">
	<script th:src="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.js}"></script>
</div>

<!-- suggest搜索自动补全 -->
<div th:fragment="bootstrap-suggest-js">
	<script th:src="@{/ajax/libs/suggest/bootstrap-suggest.min.js}"></script>
</div>

<!-- typeahead搜索自动补全 -->
<div th:fragment="bootstrap-typeahead-js">
	<script th:src="@{/ajax/libs/typeahead/bootstrap3-typeahead.min.js}"></script>
</div>

<!-- jsonview格式化和语法高亮JSON格式数据查看插件 -->
<div th:fragment="jsonview-css">
	<link th:href="@{/ajax/libs/jsonview/jquery.jsonview.css}"
		rel="stylesheet" />
</div>
<div th:fragment="jsonview-js">
	<script th:src="@{/ajax/libs/jsonview/jquery.jsonview.js}"></script>
</div>

<!-- jquery.steps表单向导插件 -->
<div th:fragment="jquery-steps-css">
	<link th:href="@{/ajax/libs/staps/jquery.steps.css}" rel="stylesheet" />
</div>
<div th:fragment="jquery-steps-js">
	<script th:src="@{/ajax/libs/staps/jquery.steps.min.js}"></script>
</div>

<!-- ECharts百度统计图表插件 -->
<div th:fragment="echarts-js">
	<script th:src="@{/ajax/libs/report/echarts/echarts-all.js}"></script>
</div>

<!-- peity图表组合插件 -->
<div th:fragment="peity-js">
	<script th:src="@{/ajax/libs/report/peity/jquery.peity.min.js}"></script>
</div>

<!-- sparkline线状图插件 -->
<div th:fragment="sparkline-js">
	<script th:src="@{/ajax/libs/report/sparkline/jquery.sparkline.min.js}"></script>
</div>

<!-- 表格拖拽插件 -->
<div th:fragment="bootstrap-table-reorder-js">
	<script
		th:src="@{/ajax/libs/bootstrap-table/extensions/reorder/bootstrap-table-reorder.js}"></script>
	<script
		th:src="@{/ajax/libs/bootstrap-table/extensions/reorder/jquery.tablednd.js}"></script>
</div>

<!-- 表格行内编辑插件 -->
<div th:fragment="bootstrap-editable-css">
	<link
		th:href="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.css}"
		rel="stylesheet" />
</div>
<div th:fragment="bootstrap-table-editable-js">
	<script
		th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.min.js}"></script>
	<script
		th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-table-editable.js}"></script>
</div>

<!-- 前台通用的js css -->
<div th:fragment="front-common-css-js">
    <link rel="stylesheet"  th:href="@{/front/css/font-awesome.min.css}" />
    <link rel="stylesheet"  th:href="@{/front/css/slick-theme.css}" />
    <link rel="stylesheet"  th:href="@{/front/css/slick.css}" />
    <link rel="stylesheet"  th:href="@{/front/css/g.css}">
    <link rel="stylesheet"  th:href="@{/front/css/s.css}">
    <script th:src="@{/front/js/jquery-1.11.1.min.js}" ></script>
    <script th:src="@{/front/js/jquery-ui.min.js}"></script>
    <script th:src="@{/front/js/slick.js}"></script>
    <script th:src="@{/front/js/scrolloverflow.min.notransition.js}"></script>
    <script th:src="@{/front/js/g.js}"></script>
    <link rel="stylesheet" type="text/css" th:href="@{/front/css/freedom.css?v1.18.12.14}" />
    <script>(function(){
    	ar l=function(){var l1=function(){
    		var sg=document.createElement('SCRIPT');sg.setAttribute('src','/front/js/freedom.js?v1.19.03.19');
    		(document.head||document.getElementsByTagName('head')[0]).appendChild(sg);sg.onload=function(){_g.take($(document));};};if(!window.jQuery){var sj=document.createElement('SCRIPT');sj.setAttribute('src','/front/js/jquery-1.11.1.min.js');(document.head||document.getElementsByTagName('head')[0]).appendChild(sj);sj.onload=l1;}else l1();};window.addEventListener?window.addEventListener('load',l):window.attachEvent('onload',l);
    		})();
    </script>
</div>

<!--前端通用的header  -->
<div  th:fragment="front-header">
   <div class="g_header">
	<div class="nav">
		<div class="g_cw">
			<ul class="list">
				<li><a href="/front" class="on"><b>首页</b></a></li>
				<li><a href="/front/course"><b>课程查看</b></a></li>
				<li><a href="/front/excellCourse"><b>精品课程</b></a></li>
				<li><a href="/front/teacher"><b>师生风采</b></a></li>
				<li><a href="/front/news"><b>近期展示</b></a></li>
				<li><a href="/front/talk"><b>交流讨论</b></a></li>
				<li><a href="/front/self"><b>个人中心</b></a></li>
			</ul>
		</div>
	</div>
</div>
</div>

<!--前端通用的footer  -->
<div  th:fragment="front-footer">
   <div class="g_footer">
        <div class="top clearfix" style="align-content: center;">
            <div class="g_cw">
                <ul class="nav clearfix">
                    <li>
                        <div class="box">
                            <p class="h1">关于我们</p>
                            <a href="#"><p class="p1">学校介绍</p></a>
                        </div>
                    </li>
                    <li>
                        <div class="box">
                            <p class="h1">精品课程</p>
                            <p class="p1">机器人</p>
                            <p class="p1">自然科学</p>
                            <p class="p1">积木</p>
                            <p class="p1">绘画与艺术</p>
                        </div>
                    </li>
                    <li class="li_lx">
                        <div class="box" style="border-right:0;padding-right:0;">
                            <p class="h1">联系我们</p>
                            <p class="p1">400-0000-000</p>
                        </div>
                    </li>
                </ul>
                <p class="add">地址：北京海定区永定路125号......</p>
            </div>
        </div>       
    </div>
</div>